<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en" xmlns="http://www.w3.org/1999/xhtml"
                                     xmlns:th="http://www.thymeleaf.org"><!--<![endif]-->
<head>

    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8"/>
    <title>我的账户</title>

    <!-- Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>

    <!-- CSS
    ================================================== -->
    <link rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}"/>
    <link rel="stylesheet" href="css/colors/green.css" th:href="@{/css/colors/green.css}" id="colors"/>

    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>

<body class="boxed">
<div id="wrapper">


    <!-- Header
        ================================================== -->
    <div th:replace="fragments/header :: header"></div>


    <!-- Titlebar
        ================================================== -->
    <section class="titlebar">
        <div class="container">
            <div class="sixteen columns">
                <h2>我的账户</h2>

                <div th:replace="fragments/accountbar :: accountbar"></div>

            </div>
        </div>
    </section>


    <!-- Happy Clients
    ================================================== -->

    <!-- Container -->
    <div class="container">

        <!-- Headline -->
        <div class="sixteen columns">
            <h3 class="headline">Yours</h3>
            <span class="line margin-bottom-20"></span>
        </div>

        <!-- Navigation / Left -->
        <div id="showbiz_left_3" class="sb-navigation-left-2 alt"><i class="fa fa-angle-left"></i></div>

        <!-- ShowBiz Carousel -->
        <div id="happy-clients" class="showbiz-container sixteen carousel columns" >

            <!-- Portfolio Entries -->
            <div class="showbiz our-clients" data-left="#showbiz_left_3" data-right="#showbiz_right_3">
                <div class="overflowholder">

                    <ul>

                        <li>
                            <div class="happy-clients-photo"><img th:src="@{'/images/' + ${user.head_portrait}}" alt="" /></div>
                            <div class="happy-clients-author" th:text="${user.username}"></div>
                            <div class="happy-clients-cite"></div>
                        </li>

                        <li>
                            <div class="happy-clients-author" th:text="${user.username}"></div>
                            <div class="happy-clients-cite" th:text="'等级：'+ ${user.level}"></div>
                            <div class="happy-clients-cite" th:text="'积分：'+ ${user.level_value}"></div>
                            <div class="happy-clients-cite" th:text="'金币：'+ ${user.gold_num}"></div>
                        </li>


                    </ul>
                    <div class="clearfix"></div>

                </div>
                <div class="clearfix"></div>

            </div>
        </div>

        <!-- Navigation / Right -->
        <div id="showbiz_right_3" class="sb-navigation-right-2 alt"><i class="fa fa-angle-right"></i></div>

    </div>
    <!-- Container / End -->


    <!-- Info Banner
    ================================================== -->

    <!-- Container -->
    <div class="container">
        <div class="sixteen columns">

            <div class="info-banner">
                <div class="info-content">
                    <h3>最新消息：</h3>
                    <p th:text="${message.update_time} + ' , ' + ${message.message}">暂无最新消息，请耐心等待。</p>
                </div>
                <a th:href="@{/myMessage}" class="button color">查看详情</a>
                <div class="clearfix"></div>
            </div>

        </div>
    </div>
    <!-- Container / End -->

    <div class="margin-top-50"></div>


    <!-- Footer
    ================================================== -->
    <div th:replace="fragments/footer :: footer"></div>

</div>


<!-- Java Script
================================================== -->
<div th:replace="fragments/scripts :: scripts"></div>


<!-- Style Switcher
================================================== -->
<div th:replace="fragments/styleswitcher :: styleswitcher"></div>


</body>
</html>